<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title></title>
    <link rel="stylesheet" type="text/css" href="/static/css/icon.css"/>
    <link rel="stylesheet" type="text/css" href="/static/css/weui.css"/>
    <link rel="stylesheet" type="text/css" href="/static/css/weui2.css"/>
    <link rel="stylesheet" type="text/css" href="/static/css/style.css"/>
    <script src="/static/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/js/zepto.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/js/picker.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/js/vue.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/js/all.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="content">
    <div class="topBox">
        <div class="top">
            <div class="sign"><img src="/static/img/abnormal.png"/></div>
            <div class="title">
                <p>异常操作</p>
            </div>
        </div>
        <div class="data"><input class="dataInput" type="text" value="{{ now_date }}" id='date'/></div>
    </div>
    <div class="cont">
        <div class="core">
            <ul class="abnormalList">
                {% for data in data_list %}
                <li>
                    <p class="field">
                        <label>异常类型</label>：
                        <span>{{ data['异常类型'] }}</span>
                    </p>

                    <p class="field">
                        <label>操作时间</label>：
                        <span>{{ data['操作时间'] }}</span>
                    </p>

                    <p class="field">
                        <label>操作员</label>：
                        <span>{{ data['操作员'] }}</span>
                    </p>

                    <p class="field">
                        <label>账单号</label>：
                        <span>{{ data['账单号'] }}</span>
                    </p>

                    <p class="field">
                        <label>差额</label>：
                        <span>{{ data['差额'] }}</span>
                    </p>

                    <p class="field">
                        <label>操作明细</label>：
                        <span>{{ data['操作明细'] or '' }}</span>
                    </p>
                </li>
                {% endfor %}
            </ul>
        </div>
    </div>
</div>
<script type="text/javascript">
    //选择日期
    $("#date").datetimePicker({title: "选择日期", m: 1});
</script>
</body>
</html>
